/**
 * Created by lizhijian on 2017/6/21.
 */
$(function(){
    function domSlide(id,judge){
        if(judge){
            $(id).stop(false,true).slideDown(300);
        }else{
            $(id).stop(false,true).slideUp(300);
        }
    }

    $(document).on('mouseenter','.nav1>li',function(){
        $(".nav2").hide();
        $(this).children('.nav2').slideDown(200);
    });

    $(document).on('mouseenter','.nav2>li',function(){
        $(".nav3").hide();
        $(this).children('.nav3').slideDown(200);
    });

    $(document).on('mouseenter','.nav3>li',function(){
        $(".nav4").hide();
        $(this).children('.nav4').slideDown(200);
    });

    $(".nav1").mouseleave(function(){
        $(".nav2 li").removeClass('now');
        $(".nav3,.nav2,.nav4").hide();
    });

    $(document).on('mouseenter','.nav2 li',function(){
        $(".nav2 li").removeClass('now');
       $(this).addClass('now');
    });

    // 导航头像点击列表出现
    $(".nav-touxiang").bind({
        mouseover:function(){
            domSlide('.nav-self',true);
        },
        mouseleave:function(){
            domSlide('.nav-self',false);
        }
    });

    // 导航消息提醒
    $(".xiaoxi>a").click(function(){
        $(this).toggleClass('now');
        if($(this).hasClass('now')){
            domSlide('.xiaoxi-box',true);
        }else{
            domSlide('.xiaoxi-box',false);
        }
    });
    // 二级菜单模仿下拉列表
    $(document).on('click','.select2 p',function(){
        $(this).next('.select2-ul').toggleClass('now');
    });

    // 四级导航出来
    $(document).on('mouseover','.nav33>li>span',function(){
        domSlide('.nav4',false);
        $(this).next('.nav44').stop(true,false).slideDown(200);
    });
    $(document).on('mouseleave','.nav33>li',function(){
        domSlide('.nav44',false);
    });

    // 导航栏搜索框出现
    $(".sousuo").click(function(){
        $(".nav1,.sousuo").hide();
        $(".nav-search").fadeIn();
    });
    $(".nav-search span").click(function(){
        $(".nav1,.sousuo").fadeIn();
        $(".nav-search").hide();
    });

    // 桌面设置待选内容和已选好的内容添加和删除
    function desktopSet(toId,$this){
        var html = '<li>'+$this.html()+'</li>';
        $(toId).append(html);
        $this.remove();
    }
    $(document).on('click','.waitSele li',function(){
        var $this = $(this);
        desktopSet('.isSele',$this);
    });

    $(document).on('click','.isSele li',function(){
        var $this = $(this);
        desktopSet('.waitSele',$this);
    });

  

    // 顶部导航二级导航栏点击
    $(".nav2 li").click(function(){
        $(".nav1>li").removeClass('now');
        $(this).parent().parent().addClass('now');
        $(this).parent().hide();
    })
});